<template>
  <van-icon
    @click="doCollect"
    :color="value ? '#f4bd00' : '#777'"
    :name="value ? 'star' : 'star-o'"
  />
</template>

<script>
export default {
  name: 'star',
  props: ['value'],
  methods: {
    doCollect() {
      // 1.请求 收藏/取消收藏的 接口
      // 2.如果成功，则修改 父组件的 v-model绑定的属性值
      this.$emit('input', !this.value);
      console.log('讨厌，死鬼');
    },
  },
};
</script>

<style scoped lang='less'>
</style>